      // 上面这个代码处理过度动画（默认加上不用管）
      document.addEventListener('DOMContentLoaded', () => {
        setTimeout(() => {
          document.body.classList.add('sidenav-pinned')
          document.body.classList.add('ready')
        }, 200)
      })

      /******封装一个轻提示对象******/
      function tip(msg) {
        // 创建轻提示对象
        const myToast = document.querySelector('#myToast')
        const toast = new bootstrap.Toast(myToast, { delay: 1000 })
        // 修改提示内容
        myToast.querySelector('.toast-body').innerHTML = msg

        // 调用show方法
        toast.show()

      }

      /***************** 设置请求的根地址 ********************/
      axios.defaults.baseURL = 'http://ajax-api.itheima.net'

      /************************ 显示用户名 ************************/
      const usernameBox = document.querySelector('.navbar-nav .font-weight-bold')
      if (usernameBox) {
        usernameBox.innerHTML = localStorage.getItem('user-name')
      }

      /************************ 退出登录 ************************/
      const logout = document.querySelector('#logout')
      if (logout) {
        logout.addEventListener('click', function () {
          localStorage.removeItem('user-name')
          localStorage.removeItem('user-token')
          location.href = 'login.html'
        })
      }

      /************************ 请求拦截器 ************************/
      axios.interceptors.request.use(function (config) {
        // 在发送请求之前做些什么
        // alert('拦截到了')
        console.log(config);
        // 读取本地存储的token值
        const token = localStorage.getItem('user-token')
        // 在发送请求时，自动添加上请求头的token参数
        if (token) {
          config.headers.authorization = token
        }
        return config;
      }, function (error) {
        // 对请求错误做些什么
        return Promise.reject(error);
      });

      /************************ 响应拦截器 ************************/
      // 添加响应拦截器
      axios.interceptors.response.use(function (response) {
        // 对响应数据做点什么
        return response.data;
      }, function (error) {
        // 对响应错误做点什么
        // 如果响应结果是404，则表示token失效，需要重新登录，不会抛出异常
        if (error.response.status === 401) {
          alert('请重新登录')
          return location.href = 'login.html'
        }
        return Promise.reject(error);
      });

